/* m-nav */
.m-navbar {
	z-index: 97;
	position: relative;
	// position: fixed;
	// top: 0;
	// right: 0;
	// left: 0;
	height: @navbar-height;
	background-color: #fff;

	&:after {
		.bottom-line(@color: #ccc);
	}

	/* -webkit-box-shadow:0 0 10px rgba(0,0,0,.80);box-shadow:0 0 10px rgba(0,0,0,.80); backface-visibility: hidden; */
	.n-back {
		position: absolute;
		top: 0;
		left: 0;
		height: @navbar-height;
		width: 40px;
		// .tap-color(@navbar-bg);

		&:before {
			position: absolute;
			top: 50%;
			left: 15px;
			margin-top: -5px;
			.arrow(@width:10px, @border-width:2PX, @deg:225deg);
		}

		i {
			font-size: 20px;
			padding-right: 5px;
		}
	}

	.n-title {
		line-height: @navbar-height;
		color: #101010;
		font-size: @navbar-center-fontsize;
		text-align: center;
	}

	.n-btns {
		position: absolute;
		top: 0;
		right: 0;
		// width: 88px;

		.n-btn {
			position: relative;
			float: left;
			color: #444;
			text-align: center;
			width: @navbar-height;
			height: @navbar-height;
			line-height: @navbar-height;
			font-size: 20px;

			&:before {
				.left-line ();
			}
		}
	}
}